<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>设计笔记</title>
	<link rel="stylesheet" href="css/main.css">
	<link rel="stylesheet" href="css/note.css">
	<link rel="stylesheet" href="css/nav.css">
	<link rel="stylesheet" href="css/nav-hidden.css">
</head>
<body>
	<!-- 汉堡菜单 -->
	<div class="nav">
	  <button class="btn-nav">
	    <span class="icon-bar top"></span>
	    <span class="icon-bar middle"></span>
	    <span class="icon-bar bottom"></span>
	  </button>
	</div>

	<div class="nav-content hideNav hidden">
	  <ul class="nav-list">
	  	<li class="nav-item"><a href="index.html" class="item-anchor">HOME 首页</a></li>
	    <li class="nav-item"><a href="note2.html" class="item-anchor">MY NOTE 设计笔记（建设中）</a></li>
	    <li class="nav-item"><a href="source.html" class="item-anchor">SOURCE 资源导航（建设中）</a></li>
	    <!-- <li class="nav-item"><a href="#" class="item-anchor">item 3</a></li> -->
	    <li class="nav-item"><a href="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/download/%E6%9B%BE%E9%AD%8F-%E8%AE%BE%E8%AE%A1%E5%B2%97-18508260455.pdf" class="item-anchor">ABOUT ME 我的简历</a></li>
	    <hr style="margin-left: 50px;width: 400px;">
	    <p style="font-size: 14px;margin-left: 50px;">Thanks for your watching</p>
	    <p style="font-size: 14px;margin-left: 50px;">You could contact me by +86 185 0826 0455</p>
	    <p style="font-size: 14px;margin-left: 50px;">799895183@qq.com</p>
	  </ul>
	</div>


	<label>
  <input type="checkbox"/>
  <div class="pic">
    <div class="allstars"><!-- 星星 -->
      <div class="star1"></div>
      <div class="star2"></div>
      <div class="star3"></div>
      <div class="star4"></div>
      <div class="star5"></div>
      <div class="star6"></div>
      <div class="star7"></div>
      <div class="star8"></div>
      <div class="star9"></div>
      <div class="star10"></div>
      <div class="star11"></div>
      <div class="star12"></div>
      <div class="star13"></div>
      <div class="star14"></div>
      <div class="star15"></div>
      <div class="star16"></div>
      <div class="star17"></div>
      <div class="star18"></div>
      <div class="star19"></div>
      <div class="star20"></div>
      <div class="star21"></div>
      <div class="star22"></div>
      <div class="star23"></div>
      <div class="star24"></div>
      <div class="star25"></div>
      <div class="star26"></div>
      <div class="star27"></div>
      <div class="star28"></div>
      <div class="star29"></div>
      <div class="star30"></div>
    </div>
	<div class="bottom"><!-- 上面粉色层 -->
      <div class="moon"></div><!-- 月亮 -->
      <div class="sun"></div><!-- 太阳 -->
    </div>
    <div class="top" >
      <div class="text">
        <h2 class="title">MY DESIGN NOTE<br>🤪</h2>
        <div class="after">
          <div class="line"></div>
          <div class="dot"></div>
        </div>
      </div>
      </div>
    </div>
  </div>
</label>
	<div class="liebiao">
		<div class="item">
			<div class="facebox"><a href="article/20190807.html"><img class="face" src="http://zengtongxue.oss-cn-chengdu.aliyuncs.com/images/article/%E7%A0%81%E4%BA%91%E5%B0%81%E9%9D%A2.jpg" alt=""></a></div>
			<a href="article/20190807.html"><p class="biaoti">利用码云免费托管个人主页</p></a>
		</div>
		<!-- <div class="item">
			<div class="facebox"><img class="face" src="" alt=""></div>
			<div><h1 class="biaoti">123</h1></div>
		</div> -->
	</div>

	<!-- 汉堡菜单 -->
	<script src="js/jquery-2.1.1.min.js"></script>
	<script>window.jQuery || document.write('<script src="js/jquery-2.1.1.min.js"><\/script>')</script>
	<script>
	$(window).load(function () {
	    $('.btn-nav').on('click tap', function () {
	        $('.nav-content').toggleClass('showNav hideNav').removeClass('hidden');
	        $(this).toggleClass('animated');
	    });
	});
	</script>
	
</body>
</html>